<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FYCDC-LIVE Player</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="header">
        <h1>FYCDC-LIVE Player</h1>
        <div class="controls">
            <button id="hlsBtn">HLS 播放</button>
            <button id="rtmpBtn">RTMP 播放</button>
            <button id="autoSwitchBtn">自动切换模式</button>
            <span id="status">就绪</span>
        </div>
    </div>
    
    <div class="player-container">
        <video id="video" controls autoplay muted playsinline></video>
        <div id="fallbackMessage" class="fallback-message">
            您的浏览器不支持视频播放，请升级浏览器或使用其他播放方式。
        </div>
    </div>
    
    <script src="renderer.js"></script>
</body>
</html>